// import Page404 from '@components/404'
// import Home from '@pages/home'
// import Mmall from '@pages/mobile/mall'

/**react-router-dom@6的路由懒加载 */
// const Questions = lazy(() => import('@pages/questions'))
// const Publish = lazy(() => import('@pages/publish'))
// const QuestionDetails = lazy(() => import('@pages/questionDetails'))
// const My = lazy(() => import('@pages/my'))
// const Pay = lazy(() => import('@pages/pay'))
// const Wallet = lazy(() => import('@pages/my/wallet'))
// const RechargeRecord = lazy(() => import('@pages/my/rechargeRecord'))
// const ConsumerDetails = lazy(() => import('@pages/my/consumerDetails'))
// const Goods = lazy(() => import('@pages/my/goods'))
// const GoodsAnalysis = lazy(() => import('@pages/my/goodsAnalysis'))
// const BuyRecords = lazy(() => import('@pages/my/buyRecords'))
// const AnswerRank = lazy(() => import('@pages/answerRank'))
// const TotalAnswerNumbers = lazy(() => import('@pages/answerRank/totalAnswerNumbers'))
// const AcceptionNumbers = lazy(() => import('@pages/answerRank/acceptionNumbers'))
// const GMoneyFromAnswers = lazy(() => import('@pages/answerRank/gMoneyFromAnswers'))
// const Sell = lazy(() => import('@pages/sell'))
// const Mall = lazy(() => import('@pages/mall'))
// const ShowCateGoods = lazy(() => import('@pages/mobile/mall/showCateGoods'))
// const SingleGoods = lazy(() => import('@pages/mobile/mall/singleGoods'))
// const PayDetails = lazy(() => import('@pages/mobile/mall/payDetails'))
// const MyApp = lazy(() => import('@pages/mobile/my'))
// const Chat = lazy(() => import('@pages/mobile/chat'))
// const ChatWindow = lazy(() => import('@pages/mobile/chat/chatWindow'))

// {/* <Routes>
//   <Route path='/' element={<Main />} />
//   <Route path='/home' element={<Home />} />
//   <Route path='/calendar' element={<Suspense fallback={<div>loading...</div>}><Calendar /></Suspense>} />
//   <Route path='/todos' element={<Suspense fallback={<div>loading...</div>}><Todos /></Suspense>} />
//   <Route path='/customizeFestival' element={<Suspense fallback={<div>loading...</div>}><CustomizeFestival /></Suspense>} />
//   <Route path='/login' element={<Suspense fallback={<div>loading...</div>}><Login02 /></Suspense>} />
//   {/* v6嵌套路由写法 */}
//   <Route path='/questions'>
//     {/* 匹配/questions/ */}
//     <Route index element={<Suspense fallback={<div>loading...</div>}><Questions /></Suspense>} />
//     {/* 匹配/questions/xxx */}
//     <Route path=':questionId' element={<Suspense fallback={<div>loading...</div>}><QuestionDetails /></Suspense>} />
//   </Route>
//   <Route path='/publish' element={<Suspense fallback={<div>loading...</div>}><Publish /></Suspense>} />
//   {/* 另一种嵌套路由 不管路由是/my还是/my/xxx，都会加载My组件。注意区别 */}
//   <Route path='/my' element={<Suspense fallback={<div>loading...</div>}><My /></Suspense>}>
//     <Route path='wallet' element={<Suspense fallback={<div>loading...</div>}><Wallet /></Suspense>} />
//     <Route path='rechargeRecord' element={<Suspense fallback={<div>loading...</div>}><RechargeRecord /></Suspense>} />
//     <Route path='consumerDetails' element={<Suspense fallback={<div>loading...</div>}><ConsumerDetails /></Suspense>} />
//     <Route path='goods' element={<Suspense fallback={<div>loading...</div>}><Goods /></Suspense>} />
//     <Route path='goodsAnalysis' element={<Suspense fallback={<div>loading...</div>}><GoodsAnalysis /></Suspense>} />
//     <Route path='buyRecords' element={<Suspense fallback={<div>loading...</div>}><BuyRecords /></Suspense>} />
//   </Route>
//   <Route path='/answerRank' element={<Suspense fallback={<div>loading...</div>}><AnswerRank /></Suspense>}>
//     <Route path='totalAnswerNumbers' element={<Suspense fallback={<div>loading...</div>}><TotalAnswerNumbers /></Suspense>} />
//     <Route path='acceptionNumbers' element={<Suspense fallback={<div>loading...</div>}><AcceptionNumbers /></Suspense>} />
//     <Route path='gMoneyFromAnswers' element={<Suspense fallback={<div>loading...</div>}><GMoneyFromAnswers /></Suspense>} />
//   </Route>
//   <Route path='/sell' element={<Suspense fallback={<div>loading...</div>}><Sell /></Suspense>} />
//   <Route path='/mall' element={<Suspense fallback={<div>loading...</div>}><Mall /></Suspense>} />
//   <Route path='/pay' element={<Suspense fallback={<div>loading...</div>}><Pay /></Suspense>} />
//   {/* 存在多级路由嵌套 */}
//   <Route path='/m'>
//     <Route path='mall' element={<Suspense fallback={<div>loading...</div>}><Mmall /></Suspense>}>
//       <Route path='goodsRecommend' element={<Suspense fallback={<div>loading...</div>}><ShowCateGoods /></Suspense>} />
//       <Route path='electronics' element={<Suspense fallback={<div>loading...</div>}><ShowCateGoods /></Suspense>} />
//       <Route path='homeAppliances' element={<Suspense fallback={<div>loading...</div>}><ShowCateGoods /></Suspense>} />
//       <Route path='officeSupplies' element={<Suspense fallback={<div>loading...</div>}><ShowCateGoods /></Suspense>} />
//       <Route path='schoolThings' element={<Suspense fallback={<div>loading...</div>}><ShowCateGoods /></Suspense>} />
//       <Route path='wearMatch' element={<Suspense fallback={<div>loading...</div>}><ShowCateGoods /></Suspense>} />
//       <Route path='snackDepartment' element={<Suspense fallback={<div>loading...</div>}><ShowCateGoods /></Suspense>} />
//     </Route>
//     {/* /形式路由传参 */}
//     {/* <Route path='goodsDetails/:goodsId' element={<Suspense fallback={<div>loading...</div>}><SingleGoods /></Suspense>} /> */}
//     {/* ?形式路由传参 */}
//     <Route path='goodsDetails' element={<Suspense fallback={<div>loading...</div>}><SingleGoods /></Suspense>} />
//     <Route path='payDetails' element={<Suspense fallback={<div>loading...</div>}><PayDetails /></Suspense>} />
//     <Route path='chat'>
//       <Route index element={<Suspense fallback={<div>loading...</div>}><Chat /></Suspense>} />
//       <Route path='chatWindow' element={<Suspense fallback={<div>loading...</div>}><ChatWindow /></Suspense>} />
//     </Route>
//     <Route path='my' element={<Suspense fallback={<div>loading...</div>}><MyApp /></Suspense>} />
//   </Route>
//   <Route path='*' element={<Page404 />} />
// </Routes> */}
